<!DOCTYPE html>
<html>
	<head>
		<title>Button Bar</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="../../../../jquery/jquery-ui/jquery-ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../menus.css"/>
		<link rel="stylesheet" type="text/css" href="menus-bar.css" />
		<script src="../../../../jquery/jquery.js"></script>
		<script src="../../../../jquery/jquery-ui/jquery-ui.js"></script>
		<script src="menus-bar.js"></script>
	</head>
	<body>
		<ul id="nav">
			<li>
				<a href="#" class="ui-state-default trigger">Menu</a>
				<div class="menuContainer">
					<ul id="menu1" class="ui-state-active menu">
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a href="#" class="ui-state-default trigger">Menu</a>
				<div class="menuContainer">
					<ul id="menu1" class="ui-state-active menu">
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a href="#" class="ui-state-default trigger">Menu</a>
				<div class="menuContainer">
					<ul id="menu1" class="ui-state-active menu">
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
					</ul>
				</div>
			</li>
			<li>
				<a href="#" class="ui-state-default trigger">Menu</a>
				<div class="menuContainer">
					<ul id="menu1" class="ui-state-active menu">
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
						<li>
							<a href="#">Menu Item</a>
						</li>
					</ul>
				</div>
			</li>
		</ul>
	</body>
</html>
